<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>店铺概览</title>
<style>
.tile-stats h3{
  font-size:16px;
}
.tile-stats .count {
    font-size: 26px;
}
.hidChart{
  visibility: hidden;
  height: 0px;
  overflow: hidden;
}
</style>
</head>
<body>
<div class="row top_tiles">
    <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="tile-stats">
            <div class="icon"><i class="fa fa-money" style="color: #e25a5a;"></i></div>
            <div class="count">${shopTotal!''}万</div>
            <h3>商城交易总金额</h3>
            <!--<p>Lorem ipsum psdea itgum rixt.</p>-->
            <p>&nbsp;</p>
        </div>
    </div>
    <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="tile-stats">
            <div class="icon"><i class="fa fa-shopping-cart" style="color: #8775a7;"></i></div>
            <div class="count">${tradeShopCount!0}</div>
            <h3>交易过的店铺总数</h3>
            <!--<p>Lorem ipsum psdea itgum rixt.</p>-->
            <p>&nbsp;</p>
        </div>
    </div>
    <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="tile-stats">
            <div class="icon"><i class="fa fa-home" style="color: #09835a;"></i></div>
            <div class="count"><span style="cursor: pointer" onclick="pjaxContent('/shop/shopdetail?type=1')">${shopCount!0}</span></div>
            <h3>店铺总数</h3>
            <!--<p>Lorem ipsum psdea itgum rixt.</p>-->
            <p>&nbsp;</p>
        </div>
    </div>
    <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="tile-stats">
            <div class="icon"><i class="fa fa-truck" style="color: #568ebf;"></i></div>
            <div class="count"><span style="cursor: pointer" onclick="pjaxContent('/shop/shopdetail?type=0')">${goodsCount!0}</span></div>
            <h3>商品总数</h3>
            <!--<p>Lorem ipsum psdea itgum rixt.</p>-->
            <p>&nbsp;</p>
        </div>
    </div>
</div>

<!-- 双Y轴单线图 -->
<div class="row">
   <!-- 每月自营商品订单金额及增长率 -->
     <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>月自营订单金额及增长率</h2>
                <ul class="nav navbar-right panel_toolbox" style="margin-left: 5px;">
                    <li><a class="collapse-link" onclick="changeDisplay('addProductTotalChart' , 'productTotalTable');"><i
                            class="fa fa-line-chart"></i></a></li>
                    <li><a class="collapse-link" onclick="changeDisplay('productTotalTable' , 'addProductTotalChart');"><i
                            class="fa fa-table"></i></a></li>
                    <li><a class="collapse-link" onclick="exportShopDetailExcel(0)"><i class="fa fa-download"></i></a></li>
                </ul>
                <div style="float: right;">
                <div class="controls input-append date form_date addProductTotalDate" data-date="" data-date-format="dd MM"
                     data-link-field="addProductTotalDate" data-link-format="yyyy-mm">
                    <span class="add-on"><i class="icon-th"></i></span>
                    <input id="addProductTotalDateHM1" size="16" type="text" value="" readonly>
                </div>
                —
                <input type="hidden" id="addProductTotalDate1" value=""/>
                <div class="controls input-append date form_date addProductTotalDate" data-date="" data-date-format="dd MM"
                     data-link-field="addProductTotalDate" data-link-format="yyyy-mm">
                    <span class="add-on"><i class="icon-th"></i></span>
                    <input id="addProductTotalDateHM2" size="16" type="text" value="" readonly>
                </div>
                <input type="hidden" id="addProductTotalDate2" value=""/>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height: 350px;">
                <div id="addProductTotalChart">
                    <div id="hcForProductTotal" style="height: 350px"></div>
                </div>
                <div class="hidChart" id="productTotalTable">
                    <table id="addProductTotalChartTable" class="table table-striped table-bordered" style="width: 100%;">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>月份</th>
                            <th>自营商品订单金额</th>
                            <th>增长率</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
 
 <!-- 每月商品订单金额及增长率 -->
        <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>月商品订单金额及增长率</h2>
                <ul class="nav navbar-right panel_toolbox" style="margin-left: 5px;">
                    <li><a class="collapse-link" onclick="changeDisplay('addShopTotalChart' , 'shopTable');"><i
                            class="fa fa-line-chart"></i></a></li>
                    <li><a class="collapse-link" onclick="changeDisplay('shopTable' , 'addShopTotalChart');"><i
                            class="fa fa-table"></i></a></li>
                    <li><a class="collapse-link" onclick="exportShopDetailExcel(1)"><i class="fa fa-download"></i></a></li>
                </ul>
                <div style="float: right;">
                <div class="controls input-append date form_date addShopTotalDate" data-date="" data-date-format="dd MM"
                     data-link-field="addShopTotalDate" data-link-format="yyyy-mm">
                    <span class="add-on"><i class="icon-th"></i></span>
                    <input id="addShopTotalDateHM1" size="16" type="text" value="" readonly>
                </div>
                —
                <input type="hidden" id="addShopTotalDate1" value=""/>
                <div class="controls input-append date form_date addShopTotalDate" data-date="" data-date-format="dd MM"
                     data-link-field="addShopTotalDate" data-link-format="yyyy-mm">
                    <span class="add-on"><i class="icon-th"></i></span>
                    <input id="addShopTotalDateHM2" size="16" type="text" value="" readonly>
                </div>
                <input type="hidden" id="addShopTotalDate2" value=""/>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height: 350px;">
                <div id="addShopTotalChart">
                    <div id="hcForShopTotal" style="height: 350px"></div>
                </div>
                <div class="hidChart" id="shopTable">
                    <table id="addShopTotalChartTable" class="table table-striped table-bordered" style="width: 100%;">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>月份</th>
                            <th>第三方商品订单金额</th>
                            <th>增长率</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
</div>


<div class="row">
<!-- 每月发布商品数量及增长率 -->
     <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>每月发布商品数量及增长率</h2>
                <ul class="nav navbar-right panel_toolbox" style="margin-left: 15px;">
                    <li><a class="collapse-link" onclick="changeDisplay('addProductCountChart' , 'productTable');"><i
                            class="fa fa-line-chart"></i></a></li>
                    <li><a class="collapse-link" onclick="changeDisplay('productTable' , 'addProductCountChart');"><i
                            class="fa fa-table"></i></a></li>
                    <li><a class="collapse-link" onclick="exportShopDetailExcel(2)"><i class="fa fa-download"></i></a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height: 313px;">
                <div>
                    <div class="controls input-append date form_date addProductCountDate" data-date="" data-date-format="dd MM"
                         data-link-field="addProductCountDate" data-link-format="yyyy-mm" style="margin-right: 3px;">
                        <span class="add-on"><i class="icon-th"></i></span>
                        <input id="addProductCountDateHM1" size="16" type="text" value="">
                    </div>
                    —
                    <input type="hidden" id="addProductCountDateDate1" value=""/>
                    <div class="controls input-append date form_date addProductCountDate" data-date="" data-date-format="dd MM"
                         data-link-field="addProductCountDate" data-link-format="yyyy-mm">
                        <span class="add-on"><i class="icon-th"></i></span>
                        <input id="addProductCountDateHM2" size="16" type="text" value="">
                    </div>
                    <input type="hidden" id="addProductCountDateDate2" value=""/>
                </div>
                <div id="addProductCountChart">
                    <div id="hcForProductCount" style="height: 280px"></div>
                </div>
                <div class="hidChart" id="productTable">
                    <table id="addProductCountTable" class="table table-striped table-bordered" style="width: 100%;">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>月份</th>
                            <th>商品数量</th>
                            <th>增长率</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- 各品类商品数量占比饼状图 -->
   <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类商品数量占比</h2>
                <!--<ul class="nav navbar-right panel_toolbox">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height:313px">
                <div id="productCountPie" style="height:313px;"></div>
            </div>
        </div>
    </div>
    
   <!-- 各品类商品订单金额占比 -->
   <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>各品类商品订单金额占比</h2>
                <!--<ul class="nav navbar-right panel_toolbox">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height:313px">
                <div id="productTotalPie" style="height:313px;"></div>
            </div>
        </div>
    </div>
    
</div>


<!-- 排名列表页 -->
<div class="row">
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>商品浏览量排名前十的商品</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id="viewShopNumTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <!--<th>序号</th>-->
                        <th>商品名称</th>
                        <th style="min-width: 55px;">浏览量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>供应商发布商品数量排名前十</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <a class="more" href="#/project/detail" onclick="pjaxContent('/shop/shopdetail?type=1')">more >></a>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id="shopPublishNumTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>公司名称</th>
                        <th style="min-width: 55px;">数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>供应商商品订单交易金额排名前十</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id=shopTradeTotalTable class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>公司名称</th>
                        <th style="min-width: 55px;">总金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>订单（金额）排名前十的品牌</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id="shopOrderBrandTotalTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <!--<th>序号</th>-->
                        <th>品牌名称</th>
                        <th style="min-width: 55px;">总金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>订单（数量）排名前十的商品</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id="shopOrderCountTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>订单名称</th>
                        <th style="min-width: 55px;">总数量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    
        <div class="col-md-4 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>订单（金额）排名前十的商品</h2>
                <!--<ul class="nav navbar-right panel_toolbox" style="min-width: auto;">-->
                    <!--<li style="float: right;"><a class="collapse-link"><i class="fa fa-download"></i></a></li>-->
                <!--</ul>-->
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table id="shopOrderTotalTable" class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>订单名称</th>
                        <th style="min-width: 55px;">总金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<script src="/res/dateTimePicker/bootstrap-datetimepicker.js"></script>
<script src="/res/build/js/common/common.js"></script>
<script src="/res/build/js/shop/shopview.js"></script>
</body>
</html>